<template>
  <div>
    <h1>first</h1>
  </div>
</template>

<script>
export default {
  name: "First",
  props: [""],
  data() {
    return {};
  },

  components: {},

  computed: {},

  methods: {},

  watch: {},
  beforeCreate() {
    console.log("first beforeCreate");
  },
  created() {
    console.log("first created");
  },
  beforeMount() {
    console.log("first beforeMount");
  },
  mounted() {
    console.log("first mounted");
  },
  beforeUpdate() {
    console.log("first beforeUpdate");
  },
  updated() {
    console.log("first updated");
  }
};
</script>
<style lang='' scoped>
</style>